<template>
    <div id="zheDang"></div>
    <div id="main">
        <ul>
            <li>
                <router-link to="/xinpinshoufa-chaojixiaojindan-view">
                    超级小金蛋
                </router-link>
            </li>
            <li>
                <router-link to="/xinpinshoufa-jiandanzhijiangaun-view">
                    金丹质检官
                </router-link>

            </li>
            <li>
                <router-link to="/xinpinshoufa-allnewshop-view">
                    全部新品
                </router-link>

            </li>
            <li>
                <router-link to="/xinpinshoufa-shangxinrili-view">
                    上新日历
                </router-link>
            </li>
            <li>
                <router-link to="/xinpinshoufa-meirichaodi-view">
                    每日抄底
                </router-link>

            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        name: "XinPinTabBar"
    }
</script>

<style scoped>
    #main{
        width: 100%;
        height: 60px;
        background: #FFFBEE;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 10;
    }
    ul{
        width: 100%;
        height: 100%;
    }
    li{
        width: 20%;
        height: 100%;
        float: left;
        font-size: 12px;
        text-align: center;
        line-height: 60px;
    }
    a{
        display: block;
    }
    a.router-link-active {
        background: #FAF8F8;
    }
    #zheDang{
        width: 100%;
        height: 60px;
    }
</style>